.header{
	width: 100%;
	height: 700px;
	background: url(../imges/bg.png) no-repeat center;
	background-size: cover;
}
.logo{
	margin-top: 50px;
	width: 150px;
	margin-right: 150px;
}
.logo img{
	width: 100%;
}
.nav{
	margin-top: 60px;
}
.nav ul li{
	float: left;
	text-align: center;
	margin: 0 20px;
}
.nav ul li a{
	font-size: 18px;
	color: #fff;
}
.nav ul li a:hover{
	color: #D62536;
}
.baojia{
	width: 200px;
	text-align: center;
	margin-top: 40px;
	
}
.baojia span{
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 15px;
	margin-top: 8px;	
	font-weight: 550;
}
.tigong{
	position: absolute;
	top: 150px;
	left: 11%;
}
.tigong h1{
	font-size: 80px;
	color: #FFFFFF;
	font-weight: 500;
	
}
.tigong h3{
	font-size: 27px;
	margin: 30px 0;
	line-height: 36px;
	color: #EAE6E5;
}
.tigong span{
	display: inline-block;
	font-weight: 550;
	padding: 15px 40px;
	background-color: #D62536;
	font-size: 20px;
	color: #FFFFFF;
}
@media (max-width: 486px) {
	html{
		font-size: 16px;
	}
	.container{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	.header{
		height: 560px;
	}
	.header-top{
			display: none;
	}
	.tigong{
		top: 0;
	}
	.Company-profile{
		position: relative;
		width: 100%;
	}
	.boat img{
		padding: 0 15px;
	}
	.know{
		width: 100%;
		text-align: center;
		margin: 30px 0 0;	
	}
	.Company-profile h1{
		display: none;
	}
	.Company-profile p{
		width: 100%;
		padding: 0;
		text-align: center;
		background: url(../imges/feiji.jpg) no-repeat center;
		background-size: cover;
		position: absolute;
		top: 360px;
	}
	.wuxian{
		display: none;
	}
}
.guding{
	width: 40px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 8;	
}
.gd1{
	width: 100%;
	height: 40px;
	background: #D62536;
}
.gd11{
	background: #D62536;
	height: 40px;
	background: url(../imges/pic.png) no-repeat;
	background-position: -34px 6px;	
}
.gd2{
	width: 100%;
	height: 40px;
	background: #0B1B2B;
}
.gd22{
	background: #D62536;
	height: 40px;
	background: url(../imges/pic.png) no-repeat;
	background-position: -34px -144px;	
}
.gd3{
	width: 100%;
	height: 40px;
	background: #0B1B2B;
}
.gd33{
	background: #D62536;
	height: 40px;
	background: url(../imges/pic.png) no-repeat;
	background-position: -34px -262px;	
}
.Company-profile{
	width: 100%;
}
.Company-profile h1{
	font-size: 48px;
	font-weight: 400;
	color: #0B1B2B;
	margin: 40px 0;
}
.Company-profile p{
	display: inline-block;
	padding-right: 27%;
	font-size: 16px;
	line-height: 25px;
	color:#545F6B;
	margin: 30px 0 50px;
}
@media (max-width:486px) {
	
}
.know a{
	font-size: 20px;
	color: #DD2536;
	font-weight: 700;
}
.know img{
	margin: 0 0 10px 25px;
}
.boat img{
	width: 100%;
}
.wx{
	position: relative;
}
.mv{
	position: absolute;
	top: 80%;
	left: 12%;
	width: 80%;
}
.wuxian{	
	margin-top: 80px;
	width: 100%;
	height: 400px;
	background: url(../imges/feiji.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
}
.yinying{
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 100%;
}
.yinying h1{
	display: inline-block;
	color: #FFFFFF;
	font-size: 48px;
	margin: 60px 0;
}
.yinying p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
}
.movie{
	height: 450px;
	background: url(../imges/gonglu.jpg) no-repeat center;
	background-size: cover;
	z-index: 1;
	text-align: center;
	position: relative;
}
@media (max-width:486px) {
	
}
.movie>div{
	position: absolute;
	left: 45%;
	top: 50%;
	width: 80px;
	height: 80px;
	background: url(../imges/start.png);
	background-position: 0px 0px;
}
.math{
	width: 100%;
	margin-top: 400px;
}
.ma{
	text-align: center;
}
.ma span{
	font-size: 80px;
	color: #D62536;
	font-weight: 600;
}
.ma p{
	font-size: 18px;
	color: #545F6B;
}
.quanqiuwuliu{
	width: 100%;
	background: #F5F5F5;
	margin: 50px 0;
}
/* .qqwl{
	width: 90%;
	margin: 0 auto;
} */
.qq{
	text-align: center;
	margin: 50px 0;
}
.qq h1{
	font-size: 48px;
	color: #0B1B2B;
}
.tp{
	position: relative;
	overflow: hidden;
}
.mask{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0.7);
}
.tp1{
	padding: 30px;
}
.tp1 img{
	width: 100%;
}
.chack{
	text-align: center;
	margin: 50px 0;
}
.chack span{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	padding: 15px 40px;
	background: #D62536;
}
.xinlai{
	width: 80%;
	margin: 0 auto;
}
.xl{
	line-height: 50px;
}
.xl p{
	font-size: 45px;
	color: #0B1B2B;
	font-weight: 600;
}
.xl span{
	color: #D62536;
}
.shangbiao1{
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.shangbiao1 li{
	float: left;
	width: 20%;
	margin: 15px 0;
}
.shangbiao1 li img{
	width: 100%;
}

/* .newt{
	width: 90%;
	margin: 0 auto;
} */
.new1{
	margin: 20px 0;
}
.new1 h1{
	font-size: 45px;
	color: #0B1B2B;
}
.new2{
	padding: 0 20px;
}
.new2 img{
	width: 100%;
}
.new3{
	background: #F9F9F9;
}
.new3 .p1{
	font-size: 20px;
	color: #0b1b2b;
	font-weight: 600;
	padding: 0 15px;
	line-height: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.new3 .p2{
	font-size: 14px;
	padding: 0 15px;
	color: #d62536;
}
.new3 span{
	display: inline-block;
	padding: 0 15px;
	margin-bottom: 30px ;
	font-size: 15px;
	color: #545f6b;
}
.zerengan{
	width: 100%;
	/* height: 300px; */
	background: url(../imges/ren.jpg) no-repeat center;
	background-size: cover;
}
.backgrand{
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 100%;
}
.zrg2{
	width: 70%;
	margin: 0 auto;
}
.zrg{
	margin: 0 auto;
	margin: 30px;
	text-align: center;
}
.zrg h1{
	font-size: 44px;
	color: #ffffff;
	font-weight: 600;
}
.zrg1{
	line-height: 30px;
}
.zrg1 p{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	padding: 50px 0;
}
/* .matou1{
	width: 90%;
	margin: 0 auto;
} */
.matou{
	margin-top: 50px;
}
.matou img{
	margin: 20px 0;
}
.matou p{
	padding: 20px 0;
	font-size: 18px;
	color: #858d95;
}
.matou h4{
	font-size: 28px;
	padding: 10px 0;
}
.matou span{
	font-size: 18px;
	color: #DD2536;
}
.qfy{
	overflow: hidden;
}
.qfy ul li{
	float: left;
	margin: 30px 10px;
}
.qfy ul li:nth-child(1){
	margin-left: 0;
}
.xb1{
	width: 32px;
	height: 32px;
	background: url(../imges/social_icon_32x32.png);
	background-position: 607px 0px;
}
.xb2{
	width: 32px;
	height: 32px;
	background: url(../imges/social_icon_32x32.png);
	background-position: 0px 0px;
}
.xb3{
	width: 32px;
	height: 32px;
	background: url(../imges/social_icon_32x32.png);
	background-position: 544px 0px;
}
.xb4{
	width: 32px;
	height: 32px;
	background: url(../imges/social_icon_32x32.png);
	background-position: 480px 0px;
}
.zxfw{
	margin-top: 50px;
}
.zxfw h4{
	font-size: 22px;
	color: #0b1b2b;
	padding: 18px 0;
}
.zxfw ul{
	margin-top: 33px;
}
.zxfw span{
	font-size: 18px;
	color: #858d95;
	line-height: 35px;
	font-weight: 350;
}
.dibu{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}
.dibu span{
	font-size: 14px;
	color: #858d95;
}
.about{
	width: 100%;
	background: url(../imges/bg.png) no-repeat center;
	background-size: cover;
	height: 150px;
}
.huowu{
	margin-left: -35px;
}
.huowu span{
	font-size: 80px;
}
.csr {
	width: 50%;
	padding: 30px;
}
.csr img{
	width: 100%;	
}
.csr h1{
	font-size: 46px;
	color: #0b1b2b;
	line-height: 60px;
}
.csr .p3{
	font-size: 20px;
	color: #545f6b;
	line-height: 26px;
	font-weight: 300;
}
.csr .p4{
	font-size: 20px;
	color: rgb(214, 37, 54);
	line-height: 26px;
	font-weight: 300;
}
.csr span{
	display: inline-block;
	margin: 25px 0;
	padding: 10px 0 10px 57px;
	background: url(../imges/suiliting.png) no-repeat;
	font-size: 22px;
	color: #333333;
	font-weight: 300;
}
.ren{
	width: 50%;
	overflow: hidden;
	margin: 20px 0 20px 0;
}
.renL{
	width: 40%;
	float: left;
}
.renL img{
	width: 100%;
}
.renR{
	width: 60%;
	padding: 30px;
	float: right;
}
.renR span{
	font-size: 26px;
	color: #40404a;
	font-weight: 600;
	padding: 0 15px 0 0;
}
.renR .p5{
	display: inline-block;
	margin-top: 20px;
	padding: 15px 0;
	font-size: 16px;
	color: #40404a;
}
.renR .p6{
	font-size: 13px;
	color: rgb(64, 64, 74);
	line-height: 20px;
	padding: 0 30px 0 0;
}
.xlab{
	margin: 50px 0;
	margin-left: 10%;
}
.wuliu{
	text-align: center;
	margin: 50px 0;
}
.wuliu h1{
	font-size: 48px;
	color: #0b1b2b;
}
.wuliu1{
	width: 33%;
	margin: 30px 0;
}
.wuliu1 img{
	width: 100%;
}
.wuliu1 h3{
	font-size: 20px;
	color: #0b1b2b;
	font-weight: 600;
	line-height: 40px;
}
.wuliu1 p{
	font-size: 16px;
	color: rgb(64, 64, 74);
	font-weight: 300;
	padding: 10px 0 ;
}
.tianbiaodan{
	width: 100%;
	background: #f9f9f9;
	padding: 40px 0;
	margin-bottom: 40px;
}
.waji{
	width: 30%;
	margin-top: 80px;
}
.waji img{
	width: 100%;
}
.biaodan{
	width: 40%;
	
}
.biaodan h1{
	padding: 30px 0;
	font-size: 40px;
	color: #000000;
	text-align: center;
}
.input1{
	border: none;
	width: 48%;
	outline: medium;
	font-size: 20px;
	color: rgb(11, 27, 43);
	line-height: 60px;
	border-bottom: 1px solid #545F6B;
	background-color: #f9f9f9;
}
.input2{
	font-size: 20px;
	width: 48%;
	outline: medium;
	color: rgb(11, 27, 43);
	line-height: 60px;
	border: none;
	margin-top: 30px;
	border-bottom: 1px solid #545F6B;
	background-color: #f9f9f9;
	resize: both;
}
textarea{
	margin-top: 20px;
	width: 98%;
	font-size: 20px;
	border: none;
	border-bottom: 1px solid #B3B3B3;
	outline: medium;
	background: #F9F9F9;
}
.sp2{
	margin: 50px 0 20px;
	text-align: center;
}
.sp2 span{
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: 600;
	padding: 20px 40px;
	background: #d62537;
	
}
.xwL{
	width: 20%;
}
.xwL p{
	display: inline-block;
	font-size: 12px;
	color: #bdbdbd;
	margin: 30px 0;
}
.xwL span{
	font-size: 60px;
}
.xwC{
	width: 70%;
	margin: 30px 0;
}
.xwC p{
	padding: 10px 0 0 0;
	font-size: 24px;
	color: #3b3d42;
	line-height: 30px; 
}
.xwC p:hover{
	color: #D62536;
}
.xwC span{
	font-size: 16px;
	color: #a1a2a4;
}
.xwR{
	width: 10%;
	margin-top: 50px;
}
.lxt{
	text-align: center;
}
.lxt h2{
	font-size: 54px;
	color: #0b1b2b;
	line-height: 80px;
}
.lxt p{
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #545f6b;
}
.biaodan1{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.tb{
	background: #FFFFFF;
}
.biaodan1 span{
	display: inline-block;
	margin-top: 50px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: 600;
	padding: 20px 40px;
	background: #d62537;
}
.map{
	width: 100%;	
}
.map img{
	width: 100%;
}
.biao1{
	width: 70%;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}
.ip1{
	background: #FFFFFF;
}

@media (max-width:486px){
	.box{
		width: 100px;
		height: 100px;
		background: palegreen;
		
	}
	#test{
		display: none;
	}
	/* #test:checked+.box{
		background: palevioletred;
	} */
	#toggle{
		display: none;
	}
	
	#toggle:checked~.navigator{
		height: 100vh;
		right: -70px;
	}
	/* #toggle:checked~.tou{
		left: 0px;
	} */
	.top{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 10;
	}
	.test{
		margin-bottom: 0px;
		padding: 12px 15px;
		background-color: #D62537;
	}
	.test span{
		display: block;
		width: 10px;
		height: 2px;
		background: #fff;
		margin: 1px 0;
		position: relative;
		transition: all .3s linear;
	}
	#toggle:checked+.test span:nth-child(1){
		transform: rotate(45deg);
		top: 3px;
	}
	#toggle:checked+.test span:nth-child(2){
		display: none;
	}
	#toggle:checked+.test span:nth-child(4){
		transform: rotate(-45deg);
	}
	#toggle:checked+.test span:nth-child(3){
		display: none;
	}
	.navigator{
		position: absolute;
		top: 31px;
		right: -100vw;
		width: 100vw;
		/* height: 80px; */
		background: #0B1B2B;
		transition: all .7s linear;
	}
	.navigator>ul>li{
		width: 80%;
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid #162635;
	}
	.navigator>ul>li a{
		color: #D62536;
	}
	.dangjin{
		width: 100%;
		background: url(../imges/feiji.jpg) no-repeat center;
	}
	.bgp{
		background: rgba(0,0,0,.5);
		width: 100%;
		margin-top: 300px;
	}
	.Company-profile p{
		padding: 0;
		background-size: cover;
		color: #FFFFFF;
	}
	.biaodan{
		width: 100%;
	}
	.chuan {
		display: none;
	}
	.wx1{
		width: 100%;
	}
	.row .wx{
		width: 100%;
	}
	.movie{
		width: 100%;
	}
	.movie>div{
		left: 40%;
		top: 45%;
	}
	.mv{
		position: static;
		width: 100%;
		height: 450px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.math{
		margin-top: 0;
	}
	.qqwl{
		margin: 40px 0 20px;
	}
	.qq{
		display: none;
	}
	.tp1{
		padding: 0 30px;
	}
	.xl{
		line-height: 55px;
	}
	.xinlai{
		width: 100%;
	}
	.shangbiao1 li{
		margin-top: 20px;
		width: 100%;
	}
	.newt{
		margin: 0;
	}
	.new2{
		margin: 10px 0;
	}
	.input1{
		width: 100%;
	}
	.zrg{
		width: 80%;
		text-align: center;
	}
	.zrg2{
		width: 100%;
	}
	.zrg1 p{
		padding: 0;
	}
	.fuwu{
		display: none;
	}
	.chuan1{
		padding-bottom: 40px;
	}
	.chuan1 img{
		width: 100%;
	}
	.chuan5{
		padding: 40px 0 0 0;
	}
	.chuan3{
		width: 100%;
		background:url(../imges/feiji.jpg) no-repeat center;
		background-size: cover;
		padding: 0;
	}
	.chuan4{
		background:rgba(0,0,0,.5);
	}
	.chuan3 p{
		color: #fff;
		margin: 0;
		text-align: center;
		padding: 20px 15px;
		line-height: 24px;
	}
	.Comp1 h1{
		padding: 30px 0;
	}
	.Comp3 p{
		line-height: 30px;
		font-size: 16px;
		color: #545F6B;
	}
	.huowu{
		margin-left: 15px;
		margin-top: 20px;
	}
	.wan1{
		width: 50%;
		text-align: center;
	}
	.wan2{
		width: 40%;
	}
	.csr{
		width: 100%;
	}
	.ren{
		width: 100%;
	}
	.renL,.renR{
		width: 50%;
		padding: 0;
	}
	.renR{
		padding: 0 0 10px 10px;
		background-color: #F9F9F9;
	}
	.renR span{
		font-size: 16px;
		font-weight: 500;
	}
	.renR p{
		font-size: 12px;
	}
	.xlab{
		margin-left: 0;
	}
	.shb li{
		width: 33%;
	}
	.wuliu1{
		width: 50%;
	}
	.wuliu1 h3{
		font-size: 16px;
		line-height: 20px;
	}
	.waji{
		display: none;
	}
	.xwL{
		display: none;
	}
	.xwR{
		display: none;
	}
	.xwC{
		width: 100%;
		margin: 15px 0;
	}
	.xwC{
		font-size: 24px;
		color: #3b3d42;
	}
	.yq{
		margin: 0;
	}
}
@media (min-width:486px) {
	.chuan2{
		display: none;
	}
	.navigator>ul>li{
		display: none;
	}
	.top{
		display: none;
	}
}
